<template>
  <div class="bar-container">
    <div class="city">city</div>
    <div class="title">title</div>
    <div class="login">login</div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: "test pages"
    }
  }
}
</script>

<style lang="stylus" scoped>
.bar-container
  background deepskyblue
  width 100%
  height 0.6rem
  div
    display inline-block
    text-align center
    font-size .3rem
    height 100%
    line-height 30px
  .city
    width 30%
  .title
    width 40%
  .login
    width 30%
</style>